

<div class="cart-modal-inner-wrapper">
	<div class="cart-modal-title">
		<span style="float: left" th:text="#{cart.currentSubtotal}">Your Current Subtotal</span>
		
		<span style="float: right" th:unless="${cart.subTotal.zero}" blc:price="${cart.subTotal.subtract(cart.orderAdjustmentsValue)}"></span>
		
		<div class="clear"/>
	</div>
	<div class="cart-modal-inner">
		
		<div >
			<div class="cart-modal-inner-boss">
				
				<div th:each="item : ${cart.orderItems}" th:object="${item}" th:id="${'cart-modal-row-' + item.id}" class="cart-modal-separator">
		            <a class="cart-modal-image" th:href="@{*{product.url}}">
		            	<img th:if="*{product.media['primary']}" th:src="@{*{product.media['primary'].url} + '?thumbnail'}" width="60" th:alt="*{product.name}" />
		            </a>
		            <div class="cart-modal-details-wraper">
		            	
		            	<a class="cart-modal-product-name" th:href="@{*{product.url}}" th:text="*{product.name}"></a>
		              	
		              	<div>
			               	<blc:product_option_display orderItem="${item}" >
			                     <ul th:unless="${#lists.isEmpty(productOptionDisplayValues)}" class="productOptions">
			                         <li th:each="entry: ${productOptionDisplayValues}">
			                           <span  th:text="${entry.key} + ': ' + ${entry.value}"></span>
			                         </li>
			                     </ul>
			                </blc:product_option_display> 
		                </div>
		                <div>
			                <ul th:if="${item instanceof T(org.broadleafcommerce.core.order.domain.BundleOrderItem)}">
			                    <li th:each="doi : *{discreteOrderItems}" th:text="${doi.quantity + ' x ' + doi.name}" />
			                </ul>
		                </div>
		                <div class="cart-modal-quantity" style="margin-top: 5px;">
			                <span class="cart-modal-quantity-label" th:text="#{cart.quantity}">Quantity</span>
			                <span class="cart-modal-quantity-value " th:classappend="${'cart-modal-quantity-value-'+item.id}" th:text="*{quantity}"></span>
		                </div>
		                
		                <div class="cart-modal-price">
			                <span class="cart-modal-price-label" th:text="#{cart.price}">Price</span>
			                <span class="cart-modal-price-value" blc:price="*{getPriceBeforeAdjustments(true)}"></span>
		                </div>
		                
		                <a title="remove" class="cartLinkBtn remove_from_cart cart-modal-remove" th:href="@{/cart/remove(orderItemId=*{id}, productId=*{product.id})}">
		                	<span class="fa fa-trash-o" />
		                </a>
		           
		            </div>
		            <div class="clear"/>
		        </div>
		  	</div>
			
		</div>
	</div>
	<div>
		<a id="cartLink" class="mini-cart-button goToCartLink" th:href="@{/cart}">
			<span style="text-decoration: none !important" class="cartText" >Go to cart</span>
		</a>
		
		<a th:href="@{/checkout}" target="_top" class="mini-cart-button">
			<span style="text-decoration: none !important" th:text="#{cart.checkout}">Checkout</span>
		</a>
		<div class="clear"/>
	</div>
</div>